<template>
  <div class="guanyuwomen">
    <van-nav-bar title="关于我们" left-arrow @click-left="$router.back()" />
    <div v-html="content"></div>
    <footer>
      <p>Copyright © 2018 京ICP备111111111号-3</p>
      <p>北京乐学喵教育科技有限公司 版权所有 Powered by 乐学喵</p>
    </footer>
  </div>
</template>
<script>
import { toRefs, reactive, onMounted } from 'vue'
import { guanyuwomenApi } from '@/http/api'
export default {
  setup(props) {
    onMounted(() => {
      getGuanyuwomen()
    })
    const data = reactive({
      content: ''
    })
    const getGuanyuwomen = async () => {
      const res = await guanyuwomenApi()

      data.content = res.about_info.content.replace(
        /<img/g,
        "<img style='width:100%;height:auto'"
      )
      console.log(data.content)
    }
    return {
      ...toRefs(data)
    }
  }
}
</script>
<style lang="scss" scoped>
footer {
  width: 100%;
  position: absolute;
  bottom: 0;
  p {
    font-size: 12px;
    text-align: center;
  }
}
</style>
